<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@include file="index.jsp" %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome Page</title>
<link rel="stylesheet" href="<c:url value="/media/css/demo_page.css"/>" type="text/css" >
<link rel="stylesheet" href="<c:url value="/media/css/demo_table.css"/>" type="text/css" >
<script type="text/javascript" language="javascript" src="<c:url value="/media/js/jquery.js"/>" ></script>
<script type="text/javascript" language="javascript" src="<c:url value="/media/js/jquery.dataTables.js"/>" ></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		$('#customerData').dataTable({
			"sPaginationType": "full_numbers"
		});
	} );
</script>
</head>

<body id="dt_example" class="example_alt_pagination">
	<h1>${praise}</h1>
	<a href="updateCustomer">Add</a>
	<div id="container">
            <div id="demo">
				<table cellpadding="0" cellspacing="0" border="0" class="display" id="customerData">
					<thead>
						<tr>
							<th>First Name</th>
							<th>Last Name</th>
							<th>Mobile Number</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${customerList}" var="custVar" >
							<tr class="gradeX">
								<td>${custVar.firstName}</td>
								<td>${custVar.lastName}</td>
								<td class="center">${custVar.mobileNumber}</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
	</div>
</body>
</html>